<template>
  <div>
    <vxe-date-picker v-model="val1" type="time" :shortcut-config="shortcutConfig"></vxe-date-picker>
  </div>
</template>

<script lang="ts" setup>
import { ref, reactive } from 'vue'
import { VxeDatePickerPropTypes } from 'vxe-pc-ui'
import XEUtils from 'xe-utils'

const val1 = ref('')

const shortcutConfig = reactive<VxeDatePickerPropTypes.ShortcutConfig>({
  options: [
    {
      name: '1',
      content: '此刻',
      clickMethod () {
        val1.value = XEUtils.toDateString(new Date(), 'HH:mm:ss')
      }
    }
  ]
})
</script>
